<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Spicemystery a Hotel and Resturant Category Flat Bootstarp Responsive Website Template | Checkout :: w3layouts</title>
<link href="/static/web/css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="/static/web/css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Spicemystery Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700' rel='stylesheet' type='text/css'>
<script src="/static/web/js/jquery.min.js"></script>
<link rel="stylesheet" href="/static/web/css/flexslider.css" type="text/css" media="screen" />
<script src="/static/web/js/simpleCart.min.js"> </script>		
{{css href="/static/web/css/styles.css"}}

</head>
<body>
<!-- header -->
<div class="head-top">
			
		</div>
	<div class="header">
		
		<div class="container">
			<div class="logo">
				<a href="index.html"><img src="/static/web/img/logo.png" class="img-responsive" alt=""></a>
			</div>
			<div class="header-left">
				<div class="head-nav">
					<span class="menu"> </span>
						<ul>
							<li class="active"><a href="index.html">Home</a></li>
							<li><a href=" resturants.html">Resturants</a></li>
							<li><a href="login.html">Sign In</a></li>
							<li><a href=" contact.html">Contact</a></li>
								<div class="clearfix"> </div>		
						</ul>
								<!-- script-for-nav -->
							<script>
								$( "span.menu" ).click(function() {
								  $( ".head-nav ul" ).slideToggle(300, function() {
									// Animation complete.
								  });
								});
							</script>
						<!-- script-for-nav --> 
					</div>
					<div class="header-right1">
					<button class="history">返回</button>
					</div>
					<div class="clearfix"> </div>
				</div>
					<div class="clearfix"> </div>
			</div>
	</div>
<!-- header -->
<!-- checkout -->
<div class="cart-items">
	<div class="container">
			 <form action="/aorder" method="post">
			 	 <input type="hidden" name="id" value="{{$res[0]['id']}}">
			 <h1>My Shopping Bag</h1>
				<script>$(document).ready(function(c) {
					$('.close1').on('click', function(c){
						$('.cart-header').fadeOut('slow', function(c){
							$('.cart-header').remove();
						});
						});	  
					});
			   </script>
			 <div class="cart-header">
				 <div class="close1"> </div>
				 {{volist name="res" id="v"}}
				 <div class="cart-sec simpleCart_shelfItem">
						<div class="cart-item cyc">
							 <img src="{{$v['pictrue']}}" class="img-responsive" alt="">
						</div>
					   <div class="cart-item-info">
						<h3><a href="#"> {{$v['goodsname']}} </a></h3>
						<ul class="qty">
							<li><p>商品数量 : </p></li>
							<li><p>{{$v['count']}} 份</p></li>
						</ul>
							 <div class="delivery">
							 <p>小计 : ￥ {{$v['goods_Mprice']}}</p>
							 <div class="clearfix"></div>
				        </div>	
					   </div>
					   <div class="clearfix"></div>
				  </div>
				  {{/volist}}
			 </div>
			 <div style="margin-bottom: 25px; margin-right: 15px;">
			 		<span>总价: {{$res[0]['Allprice']}}</span>
			 		<button style="float: right; height: 38px; width: 30%;">确认下单</button>
			 </div>
			 </form>
		
		 </div>
<!-- checkout -->	
<!-- footer-->
	<div class="primary-mobile">
  <ul class="flex justify-around logging-in-element">
    
    <li class="home" id="home-mobile">
      <a href="/app" class="active">
        <span class="icons">
          <img src="/static/web/img/icon-home.svg">
          <img src="/static/web/img/icon-home-active.svg" class="active">
        </span>
        <div id="home-mobile">主页</div>
      </a>
    </li>
    
    <li class="stores" id="stores-mobile">
      <a href="/store">
        <span class="icons">
          <img src="/static/web/img/icon-stores.svg">
          <img src="/static/web/img/icon-stores-active.svg" class="active">
        </span>
        <div id="stores-mobile">门店</div>
      </a>
    </li>
    
    <li class="account" id="account-mobile">
      <a href="/account">
        <span class="icons">
          <img src="/static/web/img/icon-account.svg">
          <img src="/static/web/img/icon-account-active.svg" class="active">
        </span>
        <div id="account-mobile"><span data-reactroot="" class="">我的帐户</span></div>
      </a>
    </li>
    
    <li class="menu" id="menu-mobile">
      <a href="/menu">
        <span class="icons">
          <img src="/static/web/img/icon-menu.svg">
          <img src="/static/web/img/icon-menu-active.svg" class="active">
        </span>
        <div id="menu-mobile">菜单</div>
      </a>
    </li>
    
    <li class="more" id="more-mobile">
      <a class="icon trigger" rel="nav-overlay">
        <span class="icons">
          <img src="/static/web/img/icon-more.svg">
          <img src="/static/web/img/icon-more-active.svg" class="active">
        </span>
        <div>更多</div>
      </a>
    </li>
  </ul>
</div>
<!-- footer-->	
</body>
</html>
<script>
    $(".history").on("click",function(){
　　      window.history.go(-1);
      })


</script>